<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>山水制品</title>
    <!-- Bootstrap -->
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/public.css" rel="stylesheet">
    <link href="../css/mobile.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="caters-wrap mproduct-wrap">
        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header red">
                    <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html" ><img src="../img/redlogo.png" alt=""/></a>
                </div>
                <div class="navbar-collapse collapse" role="navigation">
                    <ul class="nav navbar-nav navbar-right mb_hide">
                        <li class="shrink_l">
                            <a href="index.html">HOME</a>
                        </li>
                        <li class="hover_c shrink_l">
                            <a href="javascript:;" class="txtT1">ABOUT</a>
                            <a href="javascript:;" class="txtT2">关于</a>
                            <ul class="bgy">
                                <li class="bd0"><a href="adcultrue.html" >广告文化</a></li>
                                <li class="bd0"><a href="bussiness.html" >商业地产</a></li>
                                <li class="bd0"><a href="invest.html" >文创投资</a></li>
                                <li><a href="caterers.html" >餐饮休闲</a></li>
                            </ul>
                        </li>
                        <li class="shrink_l">
                           <a href="trendslist.html" class="txtT1">NEWS</a>
                           <a href="trendslist.html" class="txtT2 lf23">新闻</a>
                        </li>
                        <li  class="shrink_l">
                            <a href="javascript:;" class="txtT1">CUSTOMER</a>
                            <a href="javascript:;" class="txtT2 lf48">客户</a>
                        </li>
                        <li class="hidden-sm hidden-md shrink_l">
                            <a href="talent.html" class="txtT1">CONTACT</a>
                            <a href="talent.html" class="txtT2 lf40">联系</a>
                        </li>
                        <li class="red">
                            <a href="#" class="nav-show-toggle">
                                <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bussiness-navbar-collapse">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </a>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right mb_show">
                      <li><a href="index.html" class="inactive">首页</a></li>
                      <li><a href="#" class="inactive">关于</a>
                        <ul style="display: none" class="sub_list">
                          <li>
                            <button class="adcult_t">广告文化</button>
                            <a href="javascript:;" class="inactive active">广告文化</a>
                            <ul style="display: none"  class="sub_list_s">
                              <li><a href="admedia.html">广告媒体</a></li>
                              <li><a href="newsdemo.html">品牌全案</a></li>
                              <li><a href="javascript:;">山水制品</a></li>
                            </ul>
                          </li> 
                          <li><a href="bussiness.html" class="inactive active">商业地产</a></li>
                          <li><a href="invest.html" class="inactive active">文创投资</a></li>
                          <li><a href="caterers.html" class="inactive active">餐饮休闲</a></li>
                        </ul>
                      </li>
                      <li><a href="trendslist.html" class="inactive">新闻动态</a>
                      <li><a href="#">客户服务</a></li>
                      <li><a href="talent.html">联系我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="business-adspic mgt90"><img src="../img/admedias.jpg" alt=""/><h2 class="let-spac">山水制品</h2></div>
        <div class="caters-projects container">
            <h3 class="text-center gcl">OUTDOOR ADVERTISING</h3>
            <div class="row text-center">
                <div class="col-xs-4">
                    <h3><img class="redrgt" src="../img/redrgt.png"/>传播</h3>
                </div>
                <div class="col-xs-4">
                    <h3><img class="redrgt" src="../img/redrgt.png"/>创新</h3>
                </div>
                <div class="col-xs-4">
                    <h3><img class="redrgt" src="../img/redrgt.png"/>呈现</h3>
                </div>
            </div>
        </div>
        <div class="business-projects mb_pcoln">
            <div class="container">
            <h3 class="text-center">成功案例</h3>
            <div class="row business-projects-btn">
              <div class="col-xs-3">
                <button type="button" class="btn btn-default">SHOW ALL</button>
              </div>
              <div class="col-xs-3">
                <button type="button" class="btn btn-default">PHOTO</button>
              </div>
              <div class="col-xs-3">
                <button type="button" class="btn btn-default">WEB</button>
              </div>
              <div class="col-xs-3">
                <button type="button" class="btn btn-default mgrght0">OTHER</button>
              </div>
            </div>
            <div class="row" id="demo-lists">
                <div class="col-xs-6 col-md-4">
                    <div class="contents-lists">
                       <div><img src="../img/projec0.jpg"></div>
                       <div class="contents-lists-txt">
                           <h4>商业运营</h4>
                           <p>商业运作是指专门从事产品交换的赢利性活动，通俗说法就是"买卖"。大多数的商业运作，都是通过成本以上的价格卖出产品或服务，从而获得赢利。 营销是商业运作的主要形式。</p>
                       </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="contents-lists">
                       <div><img src="../img/projec1.jpg"></div>
                       <div class="contents-lists-txt">
                           <h4>商业运营</h4>
                           <p>商业运作是指专门从事产品交换的赢利性活动，通俗说法就是"买卖"。大多数的商业运作，都是通过成本以上的价格卖出产品或服务，从而获得赢利。 营销是商业运作的主要形式。</p>
                       </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="contents-lists">
                       <div><img src="../img/projec0.jpg"></div>
                       <div class="contents-lists-txt">
                           <h4>商业运营</h4>
                           <p>商业运作是指专门从事产品交换的赢利性活动，通俗说法就是"买卖"。大多数的商业运作，都是通过成本以上的价格卖出产品或服务，从而获得赢利。 营销是商业运作的主要形式。</p>
                       </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="contents-lists">
                       <div><img src="../img/projec0.jpg"></div>
                       <div class="contents-lists-txt">
                           <h4>商业运营</h4>
                           <p>商业运作是指专门从事产品交换的赢利性活动，通俗说法就是"买卖"。大多数的商业运作，都是通过成本以上的价格卖出产品或服务，从而获得赢利。 营销是商业运作的主要形式。</p>
                       </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="contents-lists">
                       <div><img src="../img/projec1.jpg"></div>
                       <div class="contents-lists-txt">
                           <h4>商业运营</h4>
                           <p>商业运作是指专门从事产品交换的赢利性活动，通俗说法就是"买卖"。大多数的商业运作，都是通过成本以上的价格卖出产品或服务，从而获得赢利。 营销是商业运作的主要形式。</p>
                       </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="contents-lists">
                       <div><img src="../img/projec0.jpg"></div>
                       <div class="contents-lists-txt">
                           <h4>商业运营</h4>
                           <p>商业运作是指专门从事产品交换的赢利性活动，通俗说法就是"买卖"。大多数的商业运作，都是通过成本以上的价格卖出产品或服务，从而获得赢利。 营销是商业运作的主要形式。</p>
                       </div>
                    </div>
                </div>
            </div>
            <div><button type="button" class="btn btn-default viewmore" id="viewMoreBt">VIEW MORE</button></div>
          </div>
        </div>
        <div class="footer">
            <div class="container mb_hide">
              <div><img src="../img/redlogo.png" class="foot-logo" alt=""/></div>
              <div class="row footer-top">
                <div class="col-sm-8 col-lg-8 col-lg-offset-1">
                  <div class="row foot-lists">
                    <div class="col-xs-2">
                      <ul class="list-unstyled">
                        <li><a href="index.html">首页&nbsp;&nbsp;HOME</a></li>
                        <li><a href="javascript:;">关于&nbsp;&nbsp;ABOUT</a></li>
                        <li><a href="trendslist.html">动态&nbsp;&nbsp;NEWS</a></li>
                        <li><a href="javascript:;">客户&nbsp;&nbsp;CUSTOMER</a></li>
                        <li><a href="talent.html">联系&nbsp;&nbsp;CONTACT</a></li>
                      </ul>
                    </div>
                    <div class="col-xs-3">
                      <ul class="list-unstyled">
                        <li><a href="adcultrue.html" >广告文化&nbsp;&nbsp;CULTURE</a></li>
                        <li><a href="bussiness.html">商业地产&nbsp;&nbsp;BUSINESS</a></li>
                        <li><a href="invest.html">文创投资&nbsp;&nbsp;INVESTMENT</a></li>
                        <li><a href="caterers.html">餐饮休闲&nbsp;&nbsp;RESTAURANTS</a></li>
                      </ul>
                    </div>
                    <div class="col-xs-7">
                      <ul class="list-unstyled">
                        <li>地址／Add：北京市海淀区花园路小关街120号万盛商务会馆A座2层</li>
                        <li><span>电话／Tel ：广告文化 134-6679-9039      商业地产 134-6679-9039</span>
                     <span class="telep-right">文创投资 134-6679-9039      餐饮休闲 134-6679-9039</span></li>
                        <li>邮箱／Mail：4001001000@163.com</li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="col-sm-2  col-lg-2">
                  <h4>
                    <img class="foot-erwma" src="../img/erwma.jpg"/>
                  </h4>
                </div>
              </div>
              <p class="footer-bottom text-center">版权所有©山水投资 - 山水永道（北京）国际广告传播有限公司 | 京ICP备12048468号</p>
           </div>
           <div class="col-xs-12 mb_show">
              <div><img src="../img/redlogo.png" class="foot-logo" alt=""/></div>
              <div class="contact-ways">
                 <ul class="list-unstyled">
                   <li>
                      <img src="../img/rphone.png"/>
                      <div class="contact-ways-ls">
                        <p>广告文化：134-6679-9039</p>
                        <p>商业地产：134-6679-9039</p>
                        <p>品牌全案：134-6679-9039</p>
                        <p>餐饮休闲：134-6679-9039</p>
                      </div>
                    </li>
                   <li class="mg20"><img src="../img/rmail.png"  class="maillogo"/><span>1234567@.163.com</span></li>
                   <li><img src="../img/rmap.png"/><span>北京市海淀区花园路小关街120号万盛商务会馆</span></li>
                 </ul>
              </div>
              <img src="../img/erwma.jpg" class="foot-erwma">
            </div>
        </div>
        <div class="m_mask mb_show">
        </div>
    </div>
    <script src="../js/jquery-2.1.0.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/common.js"></script>
    <script type="text/javascript">
    $(function() {
       $("#viewMoreBt").click(function() {
         var str1=$("#demo-lists .col-xs-6").eq(0).clone();
         var str2=$("#demo-lists .col-xs-6").eq(1).clone();
         var str3=$("#demo-lists .col-xs-6").eq(2).clone();
         $("#demo-lists").append(str1);
         $("#demo-lists").append(str2);
         $("#demo-lists").append(str3);
       });
    });
    </script>
</body>

</html>


      

    
